<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta http-equiv="Cache-control" content="no-cache">

	<%-- CSS Style Declarations --%>
	<link rel ="stylesheet" type="text/css" href="css/style.css" ></link>
	
		<%-- Java imports --%>
	<%@ page import="java.io.*" %>
	<%@ page import="java.util.*" %>
	<%@ page import="org.eclipse.wtp.sample.flashcards.FlashCardSet" %>
	<%@ page import="org.eclipse.wtp.sample.flashcards.FlashCard" %>
	
	<%-- Get reference to Java Objects --%>
	<% 	FlashCardSet localset = (FlashCardSet)request.getSession().getAttribute("flashcardset");%>
	

<title>Look Up</title>
</head>

<body>

<div id="center-wrapper">
<div id="center-column">

<!-- Header -->
<div id="header">
<FORM action="/FlashCards/ToMain" method="post">
			<input
				type="submit"
				name="button1"
				class="headerbutton"
				value="Main Menu"
				title="">
</FORM>
</div> <!-- header -->


<!-- Dictionary Title -->
<div style="
	position:absolute;
	top:8px;
	left:100px;
	color:#FFFFFF;
	font-weight:bold;
	">
	<% out.println( localset.getTitle()); %>
</div> <!-- dictionary title -->


<!-- Lookup Title 1 -->
<div style="
	font-size:30px;
	width: 600px;
	text-align:center;
	position:absolute;
	top:50px;
	">
	<% out.println(localset.getCategory1() + " to " + localset.getCategory2()); %>
</div> <!-- lookup title 1 -->

<!-- Lookup 1 -->
<div style="
	position:absolute;
	top:100px;
	left:0px;
	width:600px;
	text-align:center;
	">
<form action="/FlashCards/Lookup" method="post">
<% out.println(localset.getCategory1() + ":"); %>
<input type="text" class="text" size="15" maxlength="20" name="entry" />
<input type="submit" name="whichkey" value="key1" /><br>
<textarea rows="4" cols="30" readonly="readonly">
<% out.println(request.getSession().getAttribute("response1")); %>
</textarea>
	
</form>
</div> <!-- lookup 1 -->

<!-- Lookup Title 2 -->
<div style="
	font-size:30px;
	width: 600px;
	text-align:center;
	position:absolute;
	top:230px;
	">
	<% out.println(localset.getCategory2() + " to " + localset.getCategory1()); %>
	</div> <!-- lookup title 2 -->

<!-- Lookup 2 -->
<div style="
	position:absolute;
	top:280px;
	left:0px;
	width:600px;
	text-align:center;
	">
<form action="/FlashCards/Lookup" method="post">
<% out.println(localset.getCategory2() + ":"); %> 
<input type="text" class="text" size="15" maxlength="20" name="entry" />
<input type="submit" name="whichkey" value="key2" /><br>
<textarea rows="4" cols="30" readonly="readonly">
<% out.println(request.getSession().getAttribute("response2")); %>
</textarea>
</form>
	</div> <!-- lookup 2 -->

</div> <!-- center-column -->
</div> <!-- center-wrapper -->
</body>
</html>